<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
    .font-bold{
        font-size: 14px;
        margin: 20px 0;
    }
    tr {
        border: 1px solid #999
    }

    td {
        padding: 10px;
        border-right: 1px solid #999
    }
</style>
<body class="gray-bg">
<div class="row">
    <div class="col-sm-5">
        <div class="wrapper wrapper-content project-manager">
            <h3>会员名：<label th:text="${resumes.userName}"></label></h3>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-warning"></i>
                    状态：
                    <span th:if="${resumes.state==0}" class="label label-success">上线</span>
                    <span th:if="${resumes.state==1}" class="label label-success">下线</span>
                    <span th:if="${resumes.state==9}" class="label label-default">已删除</span>
                </span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-warning"></i>
                    性别：
                    <span th:if="${resumes.sex==0}" class="label label-success">未知</span>
                    <span th:if="${resumes.sex==1}" class="label label-success">男</span>
                    <span th:if="${resumes.sex==2}" class="label label-default">女</span>
                </span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                   手机号码：<label th:text="${resumes.mobile}"></label></span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                   邮箱：<label th:text="${resumes.email}"></label></span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                    出生年月：<label th:text="${resumes.dateOfBirth}"></label>
                </span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                   政治面貌：<label th:text="${resumes.politicalAffiliation}"></label></span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                   籍贯：<label th:text="${resumes.nativePlace}"></label></span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                    毕业院校：<label th:text="${resumes.graduatedFrom}"></label>
                </span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                    地址：<label th:text="${resumes.liveAddress}"></label>
                </span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                    工作经验：
                    <input id="workTxt" type="hidden" th:value="${resumes.workExperience}"/>
                    <table id="work"></table>
                </span>
            </p>
        </div>
    </div>
    <div class="col-sm-5">
        <div class="wrapper wrapper-content project-manager">
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                    用户头像：<img id="imgLogo" alt="寸照" th:src="${resumes.headPortrait}" style="width:100px;display:block;">
                </span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                    期望职业：<label th:text="${resumes.desiredOccupation}"></label>
                </span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                    期望月薪：<label th:text="${resumes.expectedSalary}"></label>
                </span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                   工作年限：<label th:text="${resumes.workYears}"></label></span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                   自我评价：<label th:text="${resumes.selfEvaluation}"></label></span>
            </p>
            <p class=" font-bold">
                 <span><i class="fa fa-circle text-success"></i>
                    创建时间：<label th:text="${resumes.createrDate} eq null ? '' : ${#dates.format(resumes.createrDate, 'yyyy-MM-dd HH:mm:ss')}"></label>
                </span>
            </p>
            <p class=" font-bold">
                 <span><i class="fa fa-circle text-success"></i>
                    修改时间：<label th:text="${resumes.updateDate} eq null ? '' : ${#dates.format(resumes.updateDate, 'yyyy-MM-dd HH:mm:ss')}"></label>
                </span>
            </p>
            <p class=" font-bold">
                <span><i class="fa fa-circle text-success"></i>
                   教育经历：
                    <input id="educationTxt" type="hidden" th:value="${resumes.educationExperience}"/>
                    <table id="education"></table>
                </span>
            </p>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
<script>
    getWork();
    getEducation();
    function getWork(){
        var workTxt = JSON.parse($('#workTxt').val());
        var a = '<tr><td>入职日期</td><td>离职日期</td><td>公司名称</td><td>职位名称</td><td>薪资</td><td>期望薪资</td></tr>';
            for (var i = 0; i<workTxt.length; i++){
                a += '<tr><td>'+workTxt[i].rzTime+'</td><td>'+workTxt[i].lzTime+'</td><td>'+
                    workTxt[i].gsName+'</td><td>'+workTxt[i].zwName+'</td><td>'+
                    workTxt[i].xsNum+'</td><td>'+workTxt[i].zwDescribe+'</td></tr>'

            }
            $('#work').html(a)
    }
    function getEducation(){
        var educationTxt = JSON.parse($('#educationTxt').val());
        var a = '<tr><td>入学时间</td><td>毕业时间</td><td>学校名称</td></tr>';
            for (var i = 0; i<educationTxt.length; i++){
                a += '<tr><td>'+educationTxt[i].rxTime+'</td><td>'+educationTxt[i].byTime+'</td><td>'+
                    educationTxt[i].bySchool+'</td></tr>'

            }
            $('#education').html(a)
    }
</script>
</body>
</html>
